@charset "utf-8";

/* author:Ban, UY */


/* 컨텐츠*/

.cont_sjb {min-height:100px;margin-bottom:16px;padding:12px;background:url(/m/resource/images/common/bg_con_hd.gif) repeat-y;}
.cont_sjb:after {content:" "; display:block; clear:both;} 

.cont_sjb .thumb {float:left;width:200px;}
.cont_sjb .thumb img {border:1px solid #d7d7d7;}

.cont_sjb .tree{float:left;margin-left:20px;margin-bottom:15px;width:230px;font-size:12px;}
.cont_sjb .tree ul{margin:0;padding:0}
.cont_sjb .tree li{position:relative;background:url(/m/resource/images/common/line_sm_tree.gif) no-repeat 3px 12px;padding:0 0 0 15px;line-height:20px;white-space:nowrap;*zoom:1}
.cont_sjb .tree li.last{background:none;}
.cont_sjb .tree a{color:#4c4c4c;}
.cont_sjb .tree .arr{overflow:hidden;position:absolute;top:0;left:0;width:19px;height:19px;padding:0;border:0;background:transparent url(/m/resource/images/icon/btn_arr.gif) no-repeat 0 4px;vertical-align:middle}

.cont_sjb h3 {float:right;width:450px;margin-right:20px;text-align:center;font-size:22px;color:#4992b5;}

.path {clear:both;overflow:hidden;width:100%;padding-bottom:4px;color:#4c4c4c;border-bottom:2px solid #f0f0f0;margin-bottom:15px;}
.path:after {content:" "; display:block; clear:both;} 
.path ul {overflow:hidden;}
.path ul li {word-break:keep-all;float:left;padding:0 7px 0 10px;background:url(/m/resource/images/icon/icon_path_arr.gif) no-repeat 0 3px;}
.path ul li:first-child {background:none;padding-left:0;}

.contHeader {position:relative;height:26px;margin-bottom:18px; background:#f0f0f0; padding-top:3px;}
.contHeader:after {content:" "; display:block; clear:both;} 
.contHeader .mk_idc {float:left;margin-top:6px;margin-left:3px;}
.contHeader .mk_idc span img {padding-right:5px;}
.contHeader .mk_idc .txt a {color:#4f90b3;padding-right:20px;background:url(/m/resource/images/icon/icon_idc.gif) no-repeat right 0;}
/* popLayer */
.pop_idc {position:relative;top:0px;right:0;display:none}
.pop_idc .bx_idc {position:absolute;top:0px;right:0;width:77px;font-size:11px;letter-spacing:-1px;border:1px solid #b7b7b7;background:#fff url(/m/resource/images/common/bg_bx_idc.gif) no-repeat 0 top;}
.pop_idc a {display:block;padding:2px 5px;color:#4c4c4c;}
.pop_idc a:hover {background:#f5f5f5;}
/*// popLayer */
.contHeader .mdbtnArea {width:220px;position:absolute;top:3px;left:235px;}
.contHeader .rgbtnArea {float:right;}

/* 2013-10-25 */
h4 {width:100%;padding:8px 0 5px 0;text-align:center;font-size:20px;font-weight:bold;color:#6e90c2;background:#ececec;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
h4 span {display:block;}
h4 span.bxL {display:inline-block;vertical-align:top;width:5px;height:24px;background:url(/m/images/common/bx_h4_left.gif) no-repeat;}
h4 span.bxR {display:inline-block;vertical-align:top;width:5px;height:24px;background:url(/m/images/common/bx_h4_right.gif) no-repeat;}
h4 span.bx_num {display:inline-block;height:21px;padding:0 5px 1px 5px;line-height:1.5;color:#fff;background:#7da0c0;border-top:1px solid #6985aa;border-bottom:1px solid #6985aa;}
h4.up {background:#ececec url(/m/resource/images/icon/icon_arr_up.gif) no-repeat 99% center;cursor:pointer;}/* 화살표 위 */
h4.down {background:#ececec url(/m/resource/images/icon/icon_arr_down.gif) no-repeat 99% center;cursor:pointer;}/* 화살표 아래 */

h4 span.desc {display:inline-block;float:right;font-size:11px;font-weight:bold;color:#444;padding-top:5px;margin-right:10px;}/* 부연설명 */


h4 span.icon_check_box {display: inline-block;width:16px;height:16px;vertical-align:top;margin-top:2px;padding-right:8px;background:url(/m/resource/images/icon/icon_check_box.gif) no-repeat;} /*아이콘 - 체크박스*/
h4 span.icon_clip {display: inline-block;width:12px;height:15px;vertical-align:top;margin-top:2px;padding-right:8px;background:url(/m/resource/images/icon/icon_clip_docu.gif) no-repeat;} /*아이콘 - 클립문서*/
h4 span.icon_paper {display: inline-block;width:13px;height:16px;vertical-align:top;margin-top:2px;padding-right:8px;background:url(/m/resource/images/icon/icon_paper.gif) no-repeat;} /*아이콘 - 종이*/
h4 span.icon_book_open {display: inline-block;width:16px;height:16px;vertical-align:top;margin-top:2px;padding-right:8px;background:url(/m/resource/images/icon/icon_book_open.gif) no-repeat;} /*아이콘 - 오픈북*/


h5 {width:100%;padding:14px 0 8px 0; text-align:center;font-size:20px;color:#6e90c2;border-bottom:1px solid #dcdcdc;}/* 2013-10-25 */
/*.content h5 span {display:block;}*/
h5 span.bxL {display:inline-block;vertical-align:top;width:4px;height:19px;background:url(/m/images/common/bx_h5_left.gif) no-repeat;}
h5 span.bxR {display:inline-block;vertical-align:top;width:4px;height:19px;background:url(/m/images/common/bx_h5_right.gif) no-repeat;}
h5 span.bx_num {display:inline-block;height:17px;padding:0 3px 0 2px;color:#90accc;background:#ececec;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;}
/* //2013-10-25 */


/* 2013-10-25 */
.contRel {width:100%;}
.contRel li {padding-bottom:17px;background:url(/m/resource/images/common/line_dot_gray.gif) repeat-x 0 bottom;}
.contRel li:last-child {background:none;}
.contRel dl {width:100%;}
.contRel dt {padding:12px 0 14px 20px;font-weight:bold;color:#000;background:url(/m/resource/images/icon/icon_note.gif) no-repeat 0 11px;}
.contRel dd {padding:0 3%;line-height:1.6; font-size:18px; color:#545454;word-break:keep-all;}
.contRel dd > h4 {width:106% !important; margin-left:-3%;}
/* //2013-10-25 */



dl.bx_blue {width:88%;padding:3%; margin:3% 3% 5% 3%;background:#e4eaf0;border:1px solid #d4d4d4;}/* 2013-10-25 */
dl.bx_blue dl {padding:0 !important;margin:0 !important;}
dl.bx_blue dt {padding:0 0 16px 0 !important;color:#585858;font-weight:bold;background:none !important;}
dl.bx_blue dd {padding:0 0 0 15px !important;line-height:1.4 !important;word-break:keep-all;}

dl.bx_yell {width:94%;padding:3%;margin-bottom:5%;background:#f4edd1;border:1px solid #e3d9b2;}/* 2013-10-25 */
dl.bx_yell dl {padding:0 !important;margin:0 !important;}
dl.bx_yell dt {padding:0 0 16px 0 !important;;color:#a5975f;font-weight:bold;background:none !important;}
dl.bx_yell dd {padding:0 0 0 15px !important;line-height:1.4 !important;color:#a5975f;word-break:keep-all;}


/** 20121111 annotation설명 추가 **/
div dl.anno_desc_yell {width:100%;margin-left:0px;margin-bottom:0px;padding-bottom:3%; background:#f4edd1;border:1px solid #e3d9b2;}/* 2013-10-25 */
div dl.anno_desc_yell dl {padding:0 !important;margin:0 !important;}
div dl.anno_desc_yell dt {padding:10px 0px 16px 15px !important;color:#000;font-weight:bold;background:none !important;}
div dl.anno_desc_yell dd {padding:0 15px 0 15px !important;line-height:1.4 !important;color:#a5975f;word-break:keep-all;}

div.bx_sky_dot {width:86%;margin-left:50px;margin-bottom:25px;padding:15px;background:#f6fcff;border:1px solid #cbddee;}
div.bx_sky_dot dl {border:1px dashed #ddd;padding:10px;}
div.bx_sky_dot dt {padding:0 0 16px 0 !important;color:#7297a9;font-weight:bold;background:none !important;}
div.bx_sky_dot dd {padding:0 0 0 15px !important;line-height:1.4 !important;color:#7297a9;word-break:keep-all;}

.bx_ygreen {position:relative;width:86%;margin-left:50px;margin-bottom:25px;background:#ecf7e2;border:2px solid #d5e7c5;padding:10px;}
.bx_ygreen .lt {position:absolute;top:-2px;left:-2px;width:9px;height:9px;background:url(/m/images/common/bx_ygreen.gif) no-repeat top left;}
.bx_ygreen .rt {position:absolute;top:-2px;right:-2px;width:9px;height:9px;background:url(/m/images/common/bx_ygreen.gif) no-repeat top right;}
.bx_ygreen .lb {position:absolute;bottom:-2px;left:-2px;width:9px;height:9px;background:url(/m/images/common/bx_ygreen.gif) no-repeat bottom left;}
.bx_ygreen .rb {position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;background:url(/m/images/common/bx_ygreen.gif) no-repeat bottom right;}
.bs_ygreen dl {margin:0 !important;}
.bx_ygreen dt {padding:0 0 16px 0 !important;color:#6d8d51 !important;font-weight:bold;background:none !important;}
.bx_ygreen dd {padding:0 0 0 15px !important;line-height:1.4 !important;color:#6d8d51 !important;word-break:keep-all;}

.bx_bsky {position:relative;width:86%;margin-left:50px;margin-bottom:25px;padding:10px !important;background:#e8f4ff;border:2px solid #bdd4ea;}
.bx_bsky .lt {position:absolute;top:-2px;left:-2px;width:9px;height:9px;background:url(/m/images/common/bx_bsky.gif) no-repeat top left;}
.bx_bsky .rt {position:absolute;top:-2px;right:-2px;width:9px;height:9px;background:url(/m/images/common/bx_bsky.gif) no-repeat top right;}
.bx_bsky .lb {position:absolute;bottom:-2px;left:-2px;width:9px;height:9px;background:url(/m/images/common/bx_bsky.gif) no-repeat bottom left;}
.bx_bsky .rb {position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;background:url(/m/images/common/bx_bsky.gif) no-repeat bottom right;}
.bx_bsky dl {margin:0 !important;}
.bx_bsky dt {padding:0 0 16px 0 !important;color:#577fa4 !important;font-weight:bold;background:none !important;}
.bx_bsky dd {padding:0 0 0 15px !important;line-height:1.4 !important;color:#577fa4 !important;word-break:keep-all;}

.conc_img {padding:3%; margin-bottom:30px;text-align:center !important;}/* 2013-10-25 */
.conc_img p {display:inline-block;;/*display:inline-block;*/padding:7px;background:#ededed;border:1px solid #dbdbdb;}
.conc_img p img {display:block;padding-bottom:8px;}
.conc_img span.tsp {display:block;padding-bottom:5px;text-align:left;color:#4c4c4c;font-weight:bold;font-size:18px;}/* 2013-10-25 */
.conc_img span.dsp {display:block;text-align:left;}

.concArea {position:relative; padding:0 3%;}/* 2013-10-25 */
.concArea ul.conc_list {width:94%;margin:0 auto;margin-bottom:15px;padding:3%;background:#f2f2f2;border-top:1px solid #dedede;border-bottom:1px solid #dedede;word-break:keep-all;}/* 2013-10-25 */
.concArea ul.conc_list li {padding-bottom:22px;}
.concArea ul.conc_list li:last-child {padding-bottom:0;}
.concArea span.pbtit {color:#5e87be;font-weight:bold;}
.concArea span.pbtit a {color:#5e87be;font-weight:bold;}

/* popLayer */
.pop_conc {position:absolute;top:-80px;left:80px; display:none}
.bx_conc{ position:relative;width:600px;padding:10px;margin:3%;border:1px solid #d1d1d1;background:#efefef;}/* 2013-10-25 */
.bx_conc .cont {background:#fff;padding:5px 10px;}
/* popLayer */

.term_word {width:93%;margin:0 auto;margin-bottom:35px;padding:10px;color:#000;background:#e5e5e5;border:1px solid #d6d6d6;}
.term_word div {overflow:hidden;padding:3px 0;}
.term_word div:last-child {background:none;}
.term_word div .tit1 {display:inline-block;width:45px;vertical-align:top;font-weight:bold;}
.term_word div .tw_txt1 {display:inline-block;width:620px;vertical-align:top;word-break:keep-all;}
.term_word div .tit2 {display:inline-block;width:65px;vertical-align:top;font-weight:bold;}
.term_word div .tw_txt2 {display:inline-block;width:600px;vertical-align:top;word-break:keep-all;}

.imgSlide {overflow:hidden;position:relative;width:702px;margin:0 auto;margin-bottom:30px;background:url(/m/resource/images/common/bg_slide2.gif) repeat-x;}
.imgSlide:after {content:" "; display:block; clear:both;} 
.imgSlide p.btn_left {float:left;}
.imgSlide p.btn_right {float:right;}
.imgSlide .slide_thumbs {overflow:hidden;float:left;width:634px;margin-left:8px;margin-top:8px;}
.imgSlide .slide_thumbs ul {overflow:hidden;height:55px;}
.imgSlide .slide_thumbs ul li {float:left;width:80px;height:53px;margin-left:10px;border:1px solid #e0e0e0;}
.imgSlide .slide_thumbs ul li:first-child {margin-left:0;}

.tag_mark {width:100%;overflow:hidden;}
.tag_mark:after {content:" "; display:block; clear:both;} 
.tag_mark .tag_search {float:left;width:250px;}
.tag_mark .tag_search span {display:block;padding-bottom:3px;}
.tag_mark .tag_search input[type="text"] {padding:2px 2px 0 2px;height: 15px;margin-right:2px;}
.tag_mark .mark_ccl {float:right;width:51px;margin-top:22px;}

/*==== 섬네일 목록 ====*/  
/* 전체보기 */
.pop_all_view {position:absolute;top:15px;left:0;z-index:10;}
.pop_all_view .all_view_close {margin-bottom:15px;}

.all_view_list {overflow:scroll;overflow-x:hidden;width:894px;/*height:470px;*/padding:19px 22px;background:#f3f3f3;border:1px solid #cfcfcf;}
.all_view_list ul.listArea {float:left;width:210px;margin-right:8px !important;;border-left:1px solid #ddd;}
.all_view_list ul.listArea:last-child {margin-right:8px !important;}
.all_view_list ul.listArea li {vertical-align:top;}
.all_view_list ul.listArea li a.tit {display:block;font-size:14px;margin-bottom:8px;padding:7px;background:#777;color:#fff;font-weight:bold;}
.all_view_list ul.listArea li ul.sub {padding-left:10px;}
.all_view_list ul.listArea li ul.sub li {padding:2px;line-height:1.8;}
.all_view_list ul.listArea li ul.sub li a{line-height:1.4;}
